<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格练习</title>
</head>
<script type="text/javascript">
    function setColor() {
        var table = document.getElementById("table1");
        var trs = table.getElementsByTagName('tr');
        for (var i = 0; i < trs.length; i++) {
            trs[i].style.background = "yellow";
        }
    }
</script>
<body>
    <table id="table1" border="1" cellpadding="5" cellspacing="0">
        <thead>
            <tr bgcolor="#ffcc00">
                <th align="center" valign="center">班次名称</th>
                <th align="center" valign="center">科目</th>
                <th align="center" valign="center">授课内容</th>
                <th align="center" valign="center">增值服务</th>
                <th align="center" valign="center">课时</th>
                <th align="center" valign="center">价格</th>
                <th align="center" valign="center">试听</th>
                <th align="center" valign="center">购买</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td align="center" valign="center" rowspan="3">真题精解班</td>
                <td align="center" valign="center">行测+申论</td>
                <td align="center" valign="center">全科历年真题精解</td>
                <td align="center" valign="center" rowspan="3">
                    <p>课后赠2套模拟卷</p>
                    <p>24小时以内答疑</p>
                </td>
                <td align="center" valign="center">48</td>
                <td align="center" valign="center">
                    <font size="10" color="red">1280元</font>
                </td>
                <td align="center" valign="center"><img src="./images/耳机.png" width="32" height="32" alt=""></td>
                <td align="center" valign="center"><img src="./images/购买.png" width="32" height="32" alt=""></td>
            </tr>
            <tr>
                <td align="center" valign="center">行测</td>
                <td align="center" valign="center">行测历年真题精解</td>
                <td align="center" valign="center">32</td>
                <td align="center" valign="center">980元</td>
                <td align="center" valign="center"><img src="./images/耳机.png"width="32" height="32"  alt=""></td>
                <td align="center" valign="center"><img src="./images/购买.png"width="32" height="32"  alt=""></td>
            </tr>
            <tr>
                <td align="center" valign="center">申论</td>
                <td align="center" valign="center">申论历年真题精解</td>
                <td align="center" valign="center">16</td>
                <td align="center" valign="center">580元</td>
                <td align="center" valign="center"><img src="./images/耳机.png" width="32" height="32" alt=""></td>
                <td align="center" valign="center"><img src="./images/购买.png" width="32" height="32" alt=""></td>
            </tr>
            <tr>
                <td align="center" valign="center" rowspan="3">高分精解班</td>
                <td align="center" valign="center">行测+申论</td>
                <td align="center" valign="center">全科技艺强化</td>
                <td align="center" valign="center" rowspan="3">
                    <p>入学试卷测评</p>
                    <p>24小时以内答疑</p>
                </td>
                <td align="center" valign="center">32</td>
                <td align="center" valign="center">
                    <font size="10" color="red">980元</font>
                </td>
                <td align="center" valign="center"><img src="./images/耳机.png" width="32" height="32" alt=""></td>
                <td align="center" valign="center"><img src="./images/购买.png" width="32" height="32" alt=""></td>
            </tr>
            <tr>
                <td align="center" valign="center">行测</td>
                <td align="center" valign="center">行测速解技艺强化</td>
                <td align="center" valign="center">18</td>
                <td align="center" valign="center">680元</td>
                <td align="center" valign="center"><img src="./images/耳机.png" width="32" height="32" alt=""></td>
                <td align="center" valign="center"><img src="./images/购买.png" width="32" height="32" alt=""></td>
            </tr>
            <tr>
                <td align="center" valign="center">申论</td>
                <td align="center" valign="center">申论速解技艺强化</td>
                <td align="center" valign="center">14</td>
                <td align="center" valign="center">580元</td>
                <td align="center" valign="center"><img src="./images/耳机.png" width="32" height="32" alt=""></td>
                <td align="center" valign="center"><img src="./images/购买.png" width="32" height="32" alt=""></td>
            </tr>
        </tbody>
        <tfoot></tfoot>
    </table>
</body>

</html>